<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .test {
            width: 400px;
            height: 200px;
            font-size: 24px;
            font-family: 楷体;
            background: #eee;
            overflow: auto;
            display: inline-block;
            margin: 0;
            padding: 2px 4px;
            border: 5px double #12af75;
        }
    </style>
</head>

<body>
    <hr>
    <p class="test">步登北邙阪，遥望洛阳山。 洛阳何寂寞，宫室尽烧焚。 垣墙皆顿擗，荆棘上参天。 不见旧耆老，但睹新少年。 侧足无行径，荒畴不复田。 游子久不归，不识陌与阡。 中野何萧条，千里无人烟。 念我平常居，气结不能言。 其二 清时难屡得，嘉会不可常。
        天地无终极，人命若朝霜。 愿得展嬿婉，我友之朔方。 亲昵并集送，置酒此河阳。 中馈岂独薄？宾饮不尽觞。 爱至望苦深，岂不愧中肠？ 山川阻且远，别促会日长。 愿为比翼鸟，施翮起高翔。 </p>
    <p class="test">美女篇 魏晋：曹植 美女妖且闲，采桑歧路间。 柔条纷冉冉，叶落何翩翩。 攘袖见素手，皓腕约金环。 头上金爵钗，腰佩翠琅玕。 明珠交玉体，珊瑚间木难。 罗衣何飘飘，轻裾随风还。 顾盼遗光彩，长啸气若兰。 行徒用息驾，休者以忘餐。 借问女安居，乃在城南端。
        青楼临大路，高门结重关。 容华耀朝日，谁不希令颜？ 媒氏何所营？玉帛不时安。 佳人慕高义，求贤良独难。 众人徒嗷嗷，安知彼所观？ 盛年处房室，中夜起长叹。
    </p>
    <p class="test">名都篇 魏晋：曹植 名都多妖女，京洛出少年。 宝剑值千金，被服丽且鲜。 斗鸡东郊道，走马长楸间。 驰骋未能半，双兔过我前。 揽弓捷鸣镝，长驱上南山。 左挽因右发，一纵两禽连。 余巧未及展，仰手接飞鸢。 观者咸称善，众工归我妍。 归来宴平乐，美酒斗十千。
        脍鲤臇胎鰕，炮鳖炙熊蹯。 鸣俦啸匹侣，列坐竟长筵。 连翩击鞠壤，巧捷惟万端。 白日西南驰，光景不可攀。 云散还城邑，清晨复来还。
    </p>
    <p class="test">定情诗 魏晋：繁钦 我出东门游，邂逅承清尘。 思君即幽房，侍寝执衣巾。 时无桑中契，迫此路侧人。 我既媚君姿，君亦悦我颜。 何以致拳拳？绾臂双金环。 何以道殷勤？约指一双银。 何以致区区？耳中双明珠。 何以致叩叩？香囊系肘后。 何以致契阔？绕腕双跳脱。
        何以结恩情？美玉缀罗缨。 何以结中心？素缕连双针。 何以结相于？金薄画搔头。 何以慰别离？耳后玳瑁钗。 何以答欢忻？纨素三条裙。 何以结愁悲？白绢双中衣。 与我期何所？乃期东山隅。 日旰兮不来，谷风吹我襦。 远望无所见，涕泣起踟蹰。
        与我期何所？乃期山南阳。 日中兮不来，飘风吹我裳。 逍遥莫谁睹，望君愁我肠。 与我期何所？乃期西山侧。 日夕兮不来，踯躅长叹息。 远望凉风至，俯仰正衣服。 与我期何所？乃期山北岑。 日暮兮不来，凄风吹我襟。 望君不能坐，悲苦愁我心。
        爱身以何为，惜我华色时。 中情既款款，然后克密期。 褰衣蹑茂草，谓君不我欺。 厕此丑陋质，徙倚无所之。 自伤失所欲，泪下如连丝。
    </p>

    <hr>
</body>

</html>